<div class="giveHeight"> 
    <table class="responsive dynamicTable display table table-bordered dataTable">
        <thead>        
            <tr>
{# sorting of properties based on query components #}
                    <th style="text-align: center">Reference</th>
                    <th>Raison Social</th>
                    <th>Date</th>
                    <th>Heure</th>
                    <th>B.L</th>
                    <th>Action</th>
                </tr>
            </thead>

{# table body #}
{% for bon_commande in pagination %}
            <tr {% if loop.index is odd %}class="color"{% endif %}>
                <td style="width:12%;text-align: center">{{ bon_commande.reference }}</td>
                <td style="width:20%">{{ bon_commande.fournisseur }}</td>
                <td style="width:15%">{{ bon_commande.date|date('d/m/Y') }} </td>
                <td style="width:15%"> {{ bon_commande.getTime }}</td>
                {% if bon_commande.bonLivraison!=null %}
                <td style="width:15%"> {{ bon_commande.bonLivraison }}</td>
                {% else %}
                <td style="width:15%" id="bon_livraison_{{bon_commande.id}}" onclick="bonLivriason({{bon_commande.id}}, '{{bon_commande.fournisseur}}')"></td>
                {% endif %}
                <td class="center ">
                    <div class="controls center">
                        <a class="tip" href="javascript:showBonCommande('{{bon_commande.id}}')" title="Visualiser">
                            <span class="icon12 icon-eye-open"></span>
                        </a>
                            {% if bon_commande.getIsCloturer==false %}
                        <a style="padding-left:5%"class="tip" href="javascript:editBonCommande('{{bon_commande.id}}')" title="Modifier">
                            <span class="icon12 icon-pencil"></span>
                        </a>
                            {% endif %}
                        <a  style="padding-left:5%" class="tip" href="javascript:duppliquerBonCommande('{{bon_commande.id}}')" title="Duppliquer">
                            <span class="icon12 icomoon-icon-google-plus-2 "></span>
                        </a>                            
                        <a  style="padding-left:5%" class="tip" href="javascript:imprimerBonCommande('{{bon_commande.id}}')" title="Imprimer">
                            <span class="icon12 icon-print"></span>
                        </a>
                            {% if bon_commande.getIsCloturer==false %}
                        <a  style="padding-left:5%" class="tip" href="javascript:livrerBonCommande('{{bon_commande.id}}')" title="Livrer">
                            <span class="icon12 icomoon-icon-out-2"></span>
                        </a>
                            
                        
                            {% endif %}
                            {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <a class="tip" href="javascript:removeBonCommande('{{bon_commande.id}}')" title="Supprimer">
                            <span class="icon12 icomoon-icon-remove"></span>
                        </a>
                            {% endif %}
                    </div>
                </td>
            </tr>
{% endfor %}
        </table>
    </div>
    <div id="DataTables_Table_0_info" class="dataTables_info">Affichage de {{ (pagination.getCurrentPageNumber -1)*pagination.getItemNumberPerPage + 1}} à {{ (pagination.getCurrentPageNumber -1)*pagination.getItemNumberPerPage + pagination.getItemNumberPerPage}} de {{ pagination.getTotalItemCount }} BonCommande</div>
{# display navigation #}
    <div id="DataTables_Table_0_paginate" class="dataTables_paginate paging_full_numbers">
    {{ knp_pagination_render(pagination) }}
            <a class="paginate_button" id="bon_livraison_plusieurs" style="display: none" href="javascript:livrerPlusieurs()">Livrer</a>
        </div>
        <script>

            function showBonCommande(id) {
                lf = remplirlf()
                $.ajax({
                    url: '{{path('gds_bon_commande_fournisseur_show')}}',
                    data: 'id=' + id,
                    success: function(data) {
                        $('#div_liste_bon_commande').html(data)
                    }
                })
            }
            function editBonCommande(id) {
                lf = remplirlf()
                $.ajax({
                    url: '{{path('gds_bon_commande_fournisseur_edit')}}',
                    data: 'id=' + id,
                    success: function(data) {
                        $('#div_liste_bon_commande').html(data)
                    }
                })
            }
            function duppliquerBonCommande(id) {
                lf = remplirlf()
                $.ajax({
                    url: '{{path('gds_bon_commande_fournisseur_duppliquer')}}',
                    data: 'id=' + id,
                    success: function(data) {
                        $('#div_liste_bon_commande').html(data)
                    }
                })
            }
            function imprimerBonCommande(id) {

            }
            function livrerBonCommande(id) {
                lf = remplirlf()
                $.ajax({
                    url: '{{path('gds_bon_commande_fournisseur_livrer')}}',
                    data: 'id=' + id,
                    success: function(data) {
                        $('#div_liste_bon_commande').html(data)
                    }
                })
            }
            
            function remplirlf() {
                var liste_f = new Array()
                liste_f[0] = $('#filtre_numero').val()
                liste_f[1] = $('#filtre_raison_social').val()
                liste_f[2] = date1
                liste_f[3] = date2
                liste_f[4] = heure1
                liste_f[5] = heure2
                liste_f[6] = $('#filtre_reference').val()
                liste_f[7] = $('#filtre_designation').val()
                liste_f[8] = ''
                liste_f[9] = ''
                liste_f[10] = $('#filtre_type').val()
                return liste_f
            }


             {% if is_granted('ROLE_SUPER_ADMIN') %}
            function removeBonCommande(id) {
                $.msgBox({
                    title: "Suppression BonCommande",
                    content: "Voulez-vous placer le bon de commande dans la corbeille ?",
                    type: "confirm",
                    buttons: [{value: "OUI"}, {value: "NON"}, {value: "Annuler"}],
                    success: function(result) {
                        if (result == "OUI") {
                            $.ajax({
                                url: '{{path('gds_bon_commande_fournisseur_delete')}}',
                                data: 'id=' + id,
                                success: function(data) {
                                    $.msgBox({
                                        title: "Bon de Commande",
                                        content: "Bon de Commande placé dans la corbeille",
                                        type: "info",
                                        buttons: [{value: "OK"}],
                                        success: function(result) {
                                            $('#filtre_numero').keyup()
                                        }
                                    })
                                },
                                error : function(data){
                                  alert('erreur lors de la supression!')  
                                }
                            })
                        }
                    }
                });

            }
            {% endif %}
function livrerPlusieurs() {
                        $.msgBox({
                            title: "Livrer des BCs",
                            content: "Voulez-vous livrer les BCs séléctionnés ?",
                            type: "confirm",
                            buttons: [{value: "OUI"}, {value: "Annuler"}],
                            success: function(result) {
                                if (result == "OUI") {
                                    lf = remplirlf()
                                    if (to_livrer.length == 1) {
                                        $.ajax({
                                            url: '{{path('gds_bon_commande_fournisseur_livrer')}}',
                                            data: 'id=' + to_livrer[0],
                                            success: function(data) {
                                                $('#div_liste_bon_commande').html(data)
                                            }
                                        })
                                    } else {
                                        $.ajax({
                                            url: '{{path('gds_achat_bon_commande_livrer')}}',
                                            data: 'ids=' + JSON.stringify(to_livrer),
                                            success: function(data) {
                                                $('#div_liste_bon_commande').html(data)
                                            }
                                        })
                                    }
                                }
                            }
                        });
                    }
            </script>{# empty Twig template #}
